<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>一龄快速开发平台</title>
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="robots" content="all,follow">
		<!-- Bootstrap CSS-->
		<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
		<!-- Font Awesome CSS-->
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU"
		 crossorigin="anonymous">
		<!-- Google fonts - Popppins for copy-->
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,800">
		<!-- orion icons-->
		<link rel="stylesheet" href="index/css/orionicons.css">
		<!-- theme stylesheet-->
		<link rel="stylesheet" href="index/css/style.blue.css" id="theme-stylesheet">
		<!-- Custom stylesheet - for your changes-->
		<link rel="stylesheet" href="index/css/custom.css">
		<!-- Favicon-->
		<link rel="shortcut icon" href="index/img/favicon.png?3">
		<!-- Tweaks for older IEs-->
		<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
	</head>
	<body>
		<!-- navbar-->
		<header class="header">
			<nav class="navbar navbar-expand-lg px-4 py-2 bg-white shadow"><a href="#" class="sidebar-toggler text-gray-500 mr-4 mr-lg-5 lead"><i
					 class="fas fa-align-left">
					</i></a><a href="index.html" class="navbar-brand font-weight-bold text-uppercase text-base">快速开发平台</a>
				<ul class="ml-auto d-flex align-items-center list-unstyled mb-0">
					<li class="nav-item">
						<form id="searchForm" class="ml-auto d-none d-lg-block">
							<div class="form-group position-relative mb-0">
								<button type="submit" style="top: -3px; left: 0;" class="position-absolute bg-white border-0 p-0"><i class="o-search-magnify-1 text-gray text-lg"></i></button>
								<input type="search" placeholder="搜索 ..." class="form-control form-control-sm border-0 no-shadow pl-4">
							</div>
						</form>
					</li>
					<li class="nav-item dropdown ml-auto"><a id="userInfo" href="http://example.com" data-toggle="dropdown"
						 aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">
							<img src="index/img/avatar-6.jpg" alt="Jason Doe" style="max-width: 2.5rem;" class="img-fluid rounded-circle shadow"></a>
						<div aria-labelledby="userInfo" class="dropdown-menu"><a href="#" class="dropdown-item"><strong class="d-block text-uppercase headings-font-family">Mark
									Stephen</strong>
								<small>Web Developer</small></a>
							<div class="dropdown-divider"></div><a href="#" class="dropdown-item">Settings</a><a href="#" class="dropdown-item">Activity
								log </a>
							<div class="dropdown-divider"></div><a href="login.html" class="dropdown-item">Logout</a>
						</div>
					</li>
				</ul>
			</nav>
		</header>
		<div class="d-flex align-items-stretch">
			<div id="sidebar" class="sidebar py-3">
				<div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">菜单</div>
				<ul class="sidebar-menu list-unstyled">
					<li class="sidebar-list-item"><a href="index.html" class="sidebar-link text-muted"><i class="o-home-1 mr-3 text-gray"></i><span>首页</span></a></li>
					<li class="sidebar-list-item"><a href="#" data-toggle="collapse" data-target="#ProductPages" aria-expanded="false"
						 aria-controls="ProductPages" class="sidebar-link text-muted">
							<i class="o-sales-up-1 mr-3 text-gray"></i><span>项目管理</span></a>
						<div id="ProductPages" class="collapse show">
							<ul class="sidebar-menu list-unstyled border-left border-primary border-thick">
								<li class="sidebar-list-item"><a class="sidebar-link text-muted pl-lg-5 active">项目管理</a></li>
								<li class="sidebar-list-item"><a href="project-chat.html" class="sidebar-link text-muted pl-lg-5">报表管理</a></li>
								<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">人员权限</a></li>
								<li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">系统设置</a></li>
							</ul>
						</div>
					</li>
					<li class="sidebar-list-item"><a data-toggle="collapse" data-target="#pages" aria-expanded="false" aria-controls="false"
						 class="sidebar-link text-muted">
							<i class="o-table-content-1 mr-3 text-gray"></i><span>快速开发</span></a>
						<div id="pages" class="collapse">
							<ul class="sidebar-menu list-unstyled border-left border-primary border-thick">
								<li class="sidebar-list-item"><a href="fast-phone.html" class="sidebar-link text-muted pl-lg-5">电商项目</a></li>
								<li class="sidebar-list-item"><a href="fast-pc.html" class="sidebar-link text-muted pl-lg-5">PC项目</a></li>
								<li class="sidebar-list-item"><a href="fast-flow-chat.html" class="sidebar-link text-muted pl-lg-5">流程图</a></li>
							</ul>
						</div>
					</li>
					<li class="sidebar-list-item"><a href="file-mng.html" class="sidebar-link text-muted"><i class="o-wireframe-1 mr-3 text-gray"></i><span>模板文件</span></a></li>
				</ul>
			</div>
			<div class="page-holder w-100 d-flex flex-wrap">
				<div class="container-fluid px-xl-5">
					<section class="py-5">

						<div class="row text-dark">
							<!-- Modal Form-->
							<div class="col-lg-4 mb-5">
								<div class="card">
									<div class="card-header">
										<h3 class="h6 text-uppercase mb-0">项目管理</h3>
									</div>
									<div class="card-body">
										<button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-primary">创建新项目</button>
										<button type="button" data-toggle="modal" data-target="#myModal" class="btn btn-info" style="margin-left: 20px;">编辑项目</button>
										<!-- Modal-->
										<div id="myModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" class="modal fade text-left">
											<div role="document" class="modal-dialog">
												<div class="modal-content">
													<div class="modal-header">
														<h4 id="exampleModalLabel" class="modal-title">新建项目</h4>
														<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
													</div>
													<div class="modal-body">
														<form>
															<div class="form-group">
																<label>项目名称</label>
																<input type="email" placeholder="名称" class="form-control">
															</div>
														</form>
													</div>
													<div class="modal-footer">
														<button type="button" data-dismiss="modal" class="btn btn-secondary">关闭</button>
														<button type="button" class="btn btn-primary">确认</button>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-8 mb-5">
								<div class="card">
									<div class="card-header">
										<h3 class="h6 text-uppercase mb-0">查询项目</h3>
									</div>
									<div class="card-body">
										<form class="form-inline">
											<div class="form-group">
												<label for="inlineFormInput" class="sr-only">查询范围</label>
												<input id="inlineFormInput" type="text" placeholder="查询范围" class="mr-3 form-control">
											</div>
											<div class="form-group">
												<label for="inlineFormInputGroup" class="sr-only">查询内容</label>
												<input id="inlineFormInputGroup" type="text" placeholder="查询内容" class="mr-3 form-control">
											</div>
											<div class="form-group">
												<button type="submit" class="btn btn-primary">查询</button>
											</div>
										</form>
									</div>
								</div>
							</div>
							
						</div>

						<div class="row">
							<div class="col-lg-12 mb-4">
								<div class="card">
									<div class="card-header">
										<h6 class="text-uppercase mb-0">当前项目</h6>
									</div>
									<div class="card-body">
										<table class="table card-text">
											<thead>
												<tr>
													<th>#</th>
													<th>项目名称</th>
													<th>项目状态</th>
													<th>创建人</th>
												</tr>
											</thead>
											<tbody>
												<tr>
													<th scope="row">1</th>
													<td>电商APP</td>
													<td>开发中</td>
													<td>电商组</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>
							</div>
						</div>
				</div>
			</div>
			</section>




		</div>
		<footer class="footer bg-white shadow align-self-end py-3 px-xl-5 w-100">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-6 text-center text-md-left text-primary">
						<p class="mb-2 mb-md-0"></p>
					</div>
					<div class="col-md-6 text-center text-md-right text-gray-400">
						<p class="mb-0"></p>
					</div>
				</div>
			</div>
		</footer>
		</div>
		</div>
		<!-- JavaScript files-->
		<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<!-- <script src="index/vendor/popper.js/umd/popper.min.js"> </script> -->
		<script src="https://www.jq22.com/jquery/bootstrap-4.2.1.js"></script>
		<script src="index/vendor/jquery.cookie/jquery.cookie.js"> </script>
		<!-- <script src="https://cdn.bootcss.com/Chart.js/2.7.2/Chart.min.js"></script> -->
		<script src="in<!-- dex/js/js.cookie.min.js"></script>
		<script src="index/js/charts-home.js"></script> -->
		<script src="index/js/front.js"></script>
	</body>
</html>
